window.addEventListener("load",function(){
    //功能一:点击模态框中的tab按钮,对应按钮激活,显示对应的form表单--------------------------------------------------------------------------------------------------

	$("#login form")[0].style.display = "block"; //默认显示第一个表单
	//1.获取相关节点
	//2.给tab的按钮绑定点击事件
	$("#tab a").forEach(function (v, i) {
		v.addEventListener("click", function () {
			//3.先排他,移出所有的a标签的激活样式
			$("#tab a").forEach(function (item) {
				item.classList.remove("active");
			});
			//4.再给当前点击的a标签增加激活样式
			this.classList.add("active");
			//5.排他,移出所有显示的form表单
			$("#login form").forEach(function (each) {
				each.style.display = "none";
			});
			//6.切换对应的form表单
			$("#login form")[i].style.display = "block";
		});
	});
})